<template>
    <div>
      <my-table :items="emps"></my-table>
       <hr>
       <my-table :items="emps">
          <template slot-scope="scope">
              <img :src="scope.item" style="width:50px;height:50px">
          </template>
       </my-table>

        <my-table :items="emps">
          <template slot-scope="scope">
              <img :src="scope.item" style="width:50px;height:50px;border-radius:50%">
          </template>
       </my-table>
    </div>
</template>

<script>
import MyTable from './components/MyTable.vue'
export default {
  components: { MyTable },
  data(){
    return{
      emps:[
        {
          id:'7895',
          name:'Jack',
          salary:7898,
          avatar:'http://old.woniuxy.com/page/image/userIcon/teacherIcon/lixiaolong.jpg'
        },
        {
          id:'7896',
          name:'King',
          salary:6898,
          avatar:'http://old.woniuxy.com/page/image/userIcon/teacherIcon/hanwei.jpg'
        },
        {
          id:'7891',
          name:'Jerry',
          salary:3898,
          avatar:'http://old.woniuxy.com/page/image/userIcon/teacherIcon/zhaijizhe.jpg'
        }
      ]
    }
  }
}
</script>

<style>

</style>